<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>三峡大学计算机与信息学院</title>
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/nav.css">
    <link rel="stylesheet" href="./css/main.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>

<body>
    <!--header-->
    <div class="header">
        <!--
        <table height="140" width="1200" border="0" cellspacing="0" cellpadding="0" align="center"
            style="margin: 0px auto;">
            <tbody>

            </tbody>
        </table>
    -->
        <div class="logo">
        </div>
        <div class="search">
            <input type="text" placeholder="请输入关键字" class="searchinput">
            <input type="submit" value="搜索" class="searchbutton">
        </div>
    </div>
    <!--nav-->
    <nav>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;首页&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;学院概况&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;学院动态&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;师资队伍&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;本科生培养&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;研究生培养&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;学科建设&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;科学研究&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;党建工作&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;学生工作&nbsp;</span>
            </a>
        </div>
        <div>
            <a href="#">
                <span class="s10_1">&nbsp;教工之家&nbsp;</span>
            </a>
        </div>

    </nav>
    <!--main-->
    <main>
        <!--轮播图-->
        <div id="flashBox">
            <div id="pic">
                <div id="img1"></div>
                <div id="img2"></div>
                <div id="img3"></div>
            </div>
        </div>
        <div style="height: 20px;"></div>
        <div class="content">
            <div class="news">
                <div class="t1">
                    <div class="title1" style="font-size:18px ;width: 10%;">学院动态</div>
                    <div class="title2" style="font-size:13px;width: 85%;">NEWS</div>
                    <div class="more">
                        <a href="#">
                            <img src="./images/more.png">
                        </a>
                    </div>
                </div>
                <div class="c1">
                    <div class="leftpic">
                        <div id="pic2">
                            <a href="#">
                                <img src="./images/FC97308B8571D4CA62B2FC31666_D5202BC7_C241.png" border="0" width="420"
                                    height="276">
                            </a>
                        </div>
                        <div class="des" align="center">
                            <a href="#" class="titlestyle">
                                学院召开研究生教育工作专题研讨会
                            </a>
                        </div>
                    </div>
                    <div class="rightlist">
                        <div style="height: 1.5px;background-color: #1e5fc2"></div>
                        <ul>
                            <li><a href="#" title="上好 “开学第一课”——计算机与信息学院开展新学期宿舍走访工作">上好 “开学第一课”——计算机与信息学院开…</a><span
                                    style="display:inline-block;color:  #a2a2a2; font-size: 12px; ">03-04</span>
                            </li>
                            <li style="background: url(images/line.png); height: 1px; width: 100%;"></li>
                            <li><a href="#" title="计算机与信息学院召开2024年春季学期“三全育人”班主任工作会">计算机与信息学院召开2024年春季学期“三全育…
                                </a><span style="display:inline-block;color:  #a2a2a2; font-size: 12px; ">03-01</span>
                            </li>
                            <li style="background: url(images/line.png); height: 1px; width: 100%;"></li>

                            <li><a href="#" title="我校电子信息硕士学位授权点全票通过专项核验">我校电子信息硕士学位授权点全票通过专项核验</a><span
                                    style="display:inline-block;color:  #a2a2a2; font-size: 12px; ">01-25</span>
                            </li>
                            <li style="background: url(images/line.png); height: 1px;width: 100%;"></li>

                            <li><a href="#" title="计算机与信息学院召开2021级考研就业动员大会">计算机与信息学院召开2021级考研就业动员大会</a><span
                                    style="display:inline-block;color:  #a2a2a2; font-size: 12px; ">01-09</span>
                            </li>
                            <li style="background: url(images/line.png); height: 1px;width: 100%;"></li>
                            <li><a href="#" title="我院开展“感受艺术魅力 弘扬时代精神”主题美育思政课">我院开展“感受艺术魅力 弘扬时代精神”主题…</a><span
                                    style="display:inline-block;color:  #a2a2a2; font-size: 12px;">01-04</span>
                            </li>
                            <li style="background: url(images/line.png); height: 1px;width: 100%;"></li>

                            <li><a href="#" title="学院与到访宜昌的黄石二中校长、总经理、总经理助理一行进校参观">学院与到访宜昌的黄石二中副校长肖雨荻一行进…</a><span
                                    style="display:inline-block;color:  #a2a2a2; font-size: 12px; ">12-14</span>
                            </li>
                            <li style="background: url(images/line.png); height: 1px;width: 100%;"></li>

                        </ul>
                    </div>
                    <div class="rightpic">
                        <div><a href="#"><img src="./images/i1.png" width="274" height="62"></a></div>
                        <div><a href="#"><img src="./images/i2.png" width="274" height="62"></a></div>
                        <div><a href="#"><img src="./images/i3.png" width="274" height="62"></a></div>
                        <div><a href="#"><img src="./images/i4.png" width="274" height="62"></a></div>
                    </div>
                </div>


            </div>
            <div class="c2">
                <div class="announcement">
                    <table height="34" cellspacing="0" cellpadding="0" width="100%">
                        <tbody>
                            <tr>
                                <td class="title1" width="15%" style="font-size: 18px;">通知公告</td>
                                <td class="title2" width="70%" style="font-size: 13px;">ANNOUNCEMENT</td>
                                <td class="more" width="5%">
                                    <a href="#">
                                        <img src="./images/more.png">
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div style="height: 1px;background-color: #a2a2a2;"></div>
                    <table height="204" cellspacing="5" cellpadding="0" width="100%" align="center">
                        <tbody>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="三峡大学计算机与信息学院诚聘海内外优秀博士">
                                        三峡大学计算机与信息学院诚聘海内外优秀博士
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle"
                                        title="关于召开学院处级领导班子和领导干部2023年度述职述廉大会暨 2024年春季学期第1次全体教职工大会的通知">
                                        关于召开学院处级领导班子和领导干部2023年度述职述廉大...
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="关于召开2024年春季学期“三全育人”班主任工作会的通知">
                                        关于召开2024年春季学期“三全育人”班主任工作会的通知
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="关于召开2024年春季学期“开学第一课”主题班会的通知">
                                        关于召开2024年春季学期“开学第一课”主题班会的通知
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="关于召开学院全体教职工大会的通知">
                                        关于召开学院全体教职工大会的通知
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="关于认真做好2024年寒假期间学生教育管理工作的通知">
                                        关于认真做好2024年寒假期间学生教育管理工作的通知

                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="2023年教职工年度考核情况公示">
                                        2023年教职工年度考核情况公示
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="adademic">
                    <table height="34" cellspacing="0" cellpadding="0" width="100%">
                        <tbody>
                            <tr>
                                <td class="title1" width="20%" style="font-size: 18px;">学术动态</td>
                                <td class="title2" width="60%" style="font-size: 13px;">ACADEMIC</td>
                                <td class="more" width="5%">
                                    <a href="#">
                                        <img src="./images/more.png">
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div style="height: 1px;background-color: #a2a2a2;"></div>
                    <table height="204" cellspacing="5" cellpadding="0" width="100%" align="center">
                        <tbody>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="研究生罗智明荣获武汉计算机软件工程学会优秀硕士研究生奖">
                                        研究生罗智明荣获武汉计算机软件工程…
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle"
                                        title="魏宁博士研究成果在国际知名期刊《IEEE Transactions on Industrial Informatics》发表">
                                        魏宁博士研究成果在国际知名期刊《IE…
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="孙航博士在遥感与地球科学领域国际顶级期刊发表文章">
                                        孙航博士在遥感与地球科学领域国际顶…
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="【计信讲坛】第121讲 滇东北地区三维电性结构及其地球动力学意义">
                                        【计信讲坛】第121讲 滇东北地区三维…
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="学术讲座  智能6G网络资源管理">
                                        学术讲座 智能6G网络资源管理
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="学术讲座     基于无网格压缩感知的目标参数估计">
                                        学术讲座 基于无网格压缩感知的…

                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="[计信讲坛] 第118讲 电极-电解质固液界面的分子尺度模拟研究">
                                        [计信讲坛] 第118讲 电极-电解质固液…
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="employment">
                    <table height="34" cellspacing="0" cellpadding="0" width="100%">
                        <tbody>
                            <tr>
                                <td class="title1" width="20%" style="font-size: 18px;">就业信息</td>
                                <td class="title2" width="60%" style="font-size: 13px;">EMPLOYMENT</td>
                                <td class="more" width="5%">
                                    <a href="#">
                                        <img src="./images/more.png">
                                    </a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div style="height: 1px;background-color: #a2a2a2;"></div>
                    <table height="204" cellspacing="5" cellpadding="0" width="100%" align="center">
                        <tbody>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="我在小冰等你来【实习生招聘专场】">
                                        我在小冰等你来【实习生招聘专场】
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="2024宇视科技校招">
                                        2024宇视科技校招
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="深信服24届秋招岗位超前放送，领跑X计划正式启动（三峡大学站）">
                                        深信服24届秋招岗位超前放送，领跑X计
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="关于2024年度考试录用公务员公告解读">
                                        关于2024年度考试录用公务员公告解读 </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="浙江大华技术股份有限公司">
                                        浙江大华技术股份有限公司 </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="恒生电子2024校园招聘-三峡大学专场宣讲会">
                                        恒生电子2024校园招聘-三峡大学专场宣

                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                            <tr>
                                <td align="center" valign="middle" width="0" nowrap>
                                    <span style="visibility: hidden;"></span>
                                </td>
                                <td valign="middle" align="left" class="titleborderstyle">
                                    <a href="#" class="textstyle" title="三峡大学计算机与信息学院2023届毕业生IT专场招聘会邀请函">
                                        三峡大学计算机与信息学院2023届毕业生
                                    </a>
                                </td>
                                <td valign="middle" align="right" style="color:#a2a2a2;" width="1%" nowrap>
                                    06-21
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="c3">
                <table height="34" cellspacing="0" cellpadding="0" width="100%">
                    <tbody>
                        <tr>
                            <td class="title1" width="7%" style="font-size: 18px;">相关链接</td>
                            <td class="title2" width="88%" style="font-size: 13px;">RELATED LINKS</td>
                            <td class="more" width="2%">
                                <a href="#"><img src="./images/more.png"></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div style="height: 1px; background-color: #a2a2a2;"></div>
                <table height="130" cellspacing="0" cellpadding="0" width="100%" align="center">
                    <tbody>
                        <tr>
                            <td>
                                <img src="./images/l1.png" width="280" height="108" hspace="5" vspace="5" borde="0">
                            </td>
                            <td>
                                <img src="./images/l2.png" width="280" height="108" hspace="5" vspace="5" borde="0">
                            </td>
                            <td>
                                <img src="./images/l3.png" width="280" height="108" hspace="5" vspace="5" borde="0">
                            </td>
                            <td>
                                <img src="./images/l4.png" width="280" height="108" hspace="5" vspace="5" borde="0">
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </main>
    <!--footer-->
    <footer>

        <p>
            <span>
                <span>
                    CopyRights ©2007-2008&nbsp;All&nbsp;Rights&nbsp;Reserved&nbsp;三峡大学计算机与信息学院
                    <br>
                    电&nbsp;话：(0717)6393156&nbsp;&nbsp;&nbsp;邮&nbsp;编：443002
                    <br>
                    地&nbsp;址：湖北省宜昌市大学路8号&nbsp;&nbsp;电子邮件：jsjyb@ctgu
                </span>
                .edu.cn
            </span>
        </p>

    </footer>
</body>

<script>
    let Pic = document.querySelector('#pic');
    let Img = document.querySelectorAll('#pic div');

    // 控制当前显示的图片索引
    let currentIndex = 0;

    let move = () => {
        // 隐藏所有图片
        Img.forEach(img => img.style.display = 'none');

        // 计算下一张图片的索引
        currentIndex = (currentIndex + 1) % Img.length;

        // 显示下一张图片
        Img[currentIndex].style.display = 'block';
    }

    // 定时器调整为直接跳转到下一张图片
    let timer = setInterval(move, 2500); // 每2000毫秒切换一次图片
    /*
    // 鼠标悬停时停止切换
    Pic.addEventListener('mouseover', function () {
        clearInterval(timer);
    });

    // 鼠标移出时恢复切换
    Pic.addEventListener('mouseout', function () {
        timer = setInterval(move, 2000);
    });
    */
</script>

</html>